@import '~@/assets/css/mixins';

.operation {
  background: @white;
  .data_show {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 8px;
    .item {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
      height: 60px;
      padding: 0 24px;
      background: linear-gradient(138deg, #f3f5f8 0%, #fff 100%);
      //background: yellowgreen;
      border: 2px solid #fff;
      border-radius: @border-radius-lg;
      box-shadow: 8px 8px 20px rgb(55 99 170 / 10%);
      opacity: 1;
      > div {
        display: flex;
        align-items: center;
        color: rgb(0 0 0 / 85%);
      }
      .column {
        font-size: 14px;
        line-height: 14px;
      }
      .count {
        margin-left: 36px;
        font-size: 24px;
        //font-weight: bold;
        line-height: 36px;
      }
      :global {
        .iconfont-colour2 {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          //background: rgba(91, 143, 249, 0.02);
          color: @gray-700;
          font-size: 24px;
          background: rgb(91 143 249 / 5%);
          border-radius: 50%;
        }
      }
    }
    .item + .item {
      margin-left: 24px;
    }
  }
  .link {
    color: @primary;
    cursor: pointer;
  }
   .hideLogger {
     display: none;
   }
   :global {
     .ant-table-expanded-row {
       //background: yellowgreen;
       .ant-table-thead {
         display: none;
       }
     }
   }
}

.page_content_right_flex {
  flex: 1;
}
.page_content_column {
  flex: 1;
}
